<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./美团注册.css">
    <title>美团注册页面</title>
</head>
<body>
    <div class="g-main">
        <div class="g-header">
            <a href="#"><img src="./th.jpg" alt=""></a>
            <div class="u-btn-logn fr">
                <span>已有美团账号?</span>
                <input type="button" value="登录">
            </div>
            <hr>
        </div>
        <div class="g-form">
            <div class="m-form">
                <form action="">
                    <div class="u-text">
                        <div class="u-span">
                            <span class="u-span">手机号</span>
                        </div>
                        <input type="text">
                        <span class="u-waring">
                            <span>-</span>
                            <span>请输入您的手机号码</span>
                        </span>
                        <div class="u-content">
                            <span id="1">免费获取动态密码</span>
                        </div>
                    </div>
                    <div class="u-text">
                        <div class="u-span">
                            <span class="u-span">短信动态码</span>
                        </div>
                        <input type="text">
                        <span class="u-waring">
                            <span>-</span>
                            <span>请输入短信动态码</span>
                        </span>
                        <div class="u-content">
                        </div>
                    </div>
                    <div class="u-text">
                        <div class="u-span">
                            <span class="u-span">创建密码</span>
                        </div>
                        <input type="text">
                        <span class="u-waring">
                            <span>-</span>
                            <span>请填写密码</span>
                        </span>
                        <div class="u-content">
                            <div>
                                弱
                            </div>
                            <div>
                                中
                            </div>
                            <div>
                                强
                            </div>

                        </div>
                    </div>
                    <div class="u-text">
                        <div class="u-span">
                            <span class="u-span">确认密码</span>
                        </div>
                        <input type="text">
                        <span class="u-waring">
                            <span>-</span>
                            <span>请再次输入密码</span>
                        </span>
                    </div>
                    <div id="content">
                        <span class="u-span"></span>
                        <button class="res-btn">完成注册并登录</button>
                    </div>
                    
                    <div class="xy">
                        <div class="custom-checkbox">
                            <input type="checkbox" id="myCheckbox">
                            <label for="myCheckbox"></label>
                            &nbsp;我已阅读并同意<span class="xy-span">《美团用户协议》
                            </span><span class="xy-span">
                                《隐私政策》
                            </span>
                            ，并授权美团使用该美团账号信息（如昵称、头像、收货地址）进行统一管理
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="g-footer-wrap">
            <div id="g-footer">
                <p>©meituan.com 京ICP证070791号 京公网安备11010502025545号</p>
            </div>
        </div>
    </div>
</body>

</html>